<template>
	<div class="product">
		<div class="mui-card">
			<div class="mui-card-content">
				<div class="mui-card-content-inner">
					<p>
						<span class="title">品 号</span>
						<span class="info">YKF002</span>
					</p>
					<p>
						<span class="title">品 名</span>
						<span class="info">制造费用</span>
					</p>
					<p>
						<span class="title">产品类别</span>
						<span class="info"></span>
					</p>
					<p>
						<span class="title">最小下单量</span>
						<span class="info"></span>
					</p>
					<p>
						<span class="title">状 态</span>
						<span class="info"></span>
					</p>
					<p>
						<span class="title">最后修改时间</span>
						<span class="info">2019-08-01 16:30:20</span>
					</p>
				</div>
			</div>
		</div>
		<div class="mui-card">
			<div class="mui-card-content">
				<div class="mui-card-content-inner">
					<p>
						<span class="title">品 号</span>
						<span class="info">YKF002</span>
					</p>
					<p>
						<span class="title">品 名</span>
						<span class="info">制造费用</span>
					</p>
					<p>
						<span class="title">产品类别</span>
						<span class="info"></span>
					</p>
					<p>
						<span class="title">最小下单量</span>
						<span class="info"></span>
					</p>
					<p>
						<span class="title">状 态</span>
						<span class="info"></span>
					</p>
					<p>
						<span class="title">最后修改时间</span>
						<span class="info">2019-08-01 16:30:20</span>
					</p>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
</script>

<style scoped="scoped">
	.mui-card{
		box-shadow: 0px 6px 8px #cdcdcd;
	}
	.product p{
		font-size: 15px;
		display: flex;
		justify-content: space-between;
		margin-bottom: 13px;
	}
</style>
